.vul-category {
	display: flex;
	height: 30rem;
	padding-top: 1.75rem;
	overflow: hidden;
	border-top: 1px var(--color-border-2) solid;
	border-bottom: 1px var(--color-border-2) solid;

	.left {
		display: flex;
		flex-direction: column;
		width: 33rem;
		min-height: 20rem;

		.chart {
			flex: 1;
		}

		.empty-container {
			display: flex;
			flex: 1;
			align-items: center;
			justify-content: center;
			text-align: center;

			.empty {
				width: 16.5rem;
				height: 16.5rem;

				.empty-content {
					color: var(--color-text-1);
					text-align: center;

					.num {
						margin-top: 0.5rem;
						font-size: var(--text-xl);
					}
				}
			}
		}
	}

	.right {
		display: flex;
		flex: 1 0 0;
		flex-direction: column;
		min-width: 40rem;
		height: auto;
		overflow: hidden;

		.table-wapper {
			display: flex;
			flex: 1 0 0;
			align-items: center;

			.table-container {
				width: 100%;
				max-height: 24rem;
				margin-top: 1.5rem;
				overflow: auto;
				border: 1px solid var(--color-border-2);
				border-top: none;
				border-right: none;

				.table {
					position: relative;
					width: 100%;
					border-spacing: 0;

					.head {
						text-align: left;

						& > th {
							position: sticky;
							top: 0;
							z-index: 2;
							padding: 0.5rem 1.25rem;
							font-weight: normal;
							background-color: var(--color-bg-2);
							border-top: 1px solid var(--color-border-2);
							border-right: 1px solid var(--color-border-2);
						}
					}

					.row {
						& > td {
							padding: 0.5rem 1.25rem;
							white-space: nowrap;
							word-wrap: break-word;
							border-top: 1px solid var(--color-border-2);
							border-right: 1px solid var(--color-border-2);
						}

						.name {
							width: 14.25rem;
							font-size: 0.75rem;
						}
						.value {
							display: flex;
							align-items: center;

							.progress {
								flex: 1 0 0;
							}
							& > span {
								width: 5rem;
								padding: 0 0.25rem;
								text-align: right;
							}
						}
					}
				}

				.empty-table {
					border: none;
					border-right: 1px solid var(--color-border-2);
				}
			}
		}
	}
}
